// components/association/association.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {

    },

    /**
     * 组件的初始数据
     */
    data: {
        showPopup: false,
        nowcodeimage: '',
        // 左边数据
        leftlist: [{
            name: '交友群',
            num: '10',
            jiashao: '交友，一群人',
            coverimage: 'http://yuelao.yhxweb.top/aijiu_wx/index_banne.png', // 封面
            codeimage: 'http://yuelao.yhxweb.top/aijiu_wx/qun_code1.jpg', // 群二维码
        }],
        // 右边数据
        rigthlist: []
    },

    // 在组件实例进入页面节点树时执行
    attached() {
        this.getSheQunData();
    },

    //  组件所在页面的生命周期
    pageLifetimes: {
        show: function () {
            this.getSheQunData();
        },
        hide: function () {
            // console.log('子组件——————pageLifetimes——————hide')
            this.setData({
                leftlist: [{
                    name: '交友群',
                    num: '10',
                    jiashao: '交友，一群人',
                    coverimage: 'http://yuelao.yhxweb.top/aijiu_wx/index_banne.png', // 封面
                    codeimage: 'http://yuelao.yhxweb.top/aijiu_wx/qun_code1.jpg', // 群二维码
                }],
                rigthlist: [],
            })
        },
    },

    /**
     * 组件的方法列表
     */
    methods: {
        getSheQunData() {
            wx.showLoading()
            const that = this;
            const myset = setTimeout(() => {
                that.setData({
                    leftlist: [{
                            name: '交友群',
                            num: '10',
                            jiashao: '交友，一群人',
                            coverimage: 'http://yuelao.yhxweb.top/aijiu_wx/index_banne.png', // 封面
                            codeimage: 'http://yuelao.yhxweb.top/aijiu_wx/qun_code1.jpg', // 群二维码
                        },
                        {
                            name: '养生群',
                            num: '203',
                            jiashao: '这里都是帅哥',
                            coverimage: 'http://yuelao.yhxweb.top/aijiu_wx/chahu.jpg', // 封面
                            codeimage: 'http://yuelao.yhxweb.top/aijiu_wx/code2.jpg', // 群二维码
                        },
                        {
                            name: '生养大佬分享群',
                            num: '1200',
                            jiashao: '群满员了！！',
                            coverimage: 'http://yuelao.yhxweb.top/aijiu_wx/chahu.jpg', // 封面
                            codeimage: 'http://yuelao.yhxweb.top/aijiu_wx/code3.jpg', // 群二维码
                        }
                    ],
                    rigthlist: [{
                            name: '养生群',
                            num: '45',
                            jiashao: '交流养生之道',
                            coverimage: 'http://yuelao.yhxweb.top/aijiu_wx/guanzi.jpg', // 封面
                            codeimage: 'http://yuelao.yhxweb.top/aijiu_wx/code2.jpg', // 群二维码
                        },
                        {
                            name: '艾灸交流群',
                            num: '20',
                            jiashao: '互相勉励，一起加油！',
                            coverimage: 'http://yuelao.yhxweb.top/aijiu_wx/chahu.jpg', // 封面
                            codeimage: 'http://yuelao.yhxweb.top/aijiu_wx/code4.jpg', // 群二维码
                        }
                    ]
                })
                wx.hideLoading()
                clearTimeout(myset)
            }, 500)
        },
        onClose(e) {
            console.log('onClose', e)
            this.setData({
                showPopup: false
            })
        },
        // 点击加入
        clickjiaru(e) {
            console.log(e.target.dataset.item)
            this.setData({
                showPopup: true,
                nowcodeimage: e.target.dataset.item
            })
        },
    },
})